<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <base href="/">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>主页-880文档</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="keywords" content="在线文档，电子书">
    <meta name="description" content="880在线文档电子书管理系统">
    <meta name="author" content="位中原">
    <title>系统主页 - www.880.xin</title>
    <link href="/common/images/favicon32.ico" rel="icon" type="image/x-icon" />
    <link href="/common/images/favicon32.ico" rel="shortcut icon" type="image/x-icon" >
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">

    <link href="/common/libs/materialdesignicons/materialdesignicons.min.css" rel="stylesheet" type="text/css">
    <link href="/common/libs/bootstrap5.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/common/libs/animate/animate.min.css" rel="stylesheet" type="text/css">
    <link href="/common/libs/bootstrap-multitabs/multitabs.min.css" rel="stylesheet" type="text/css">
    <link href="/system/css/style.min.css" rel="stylesheet" type="text/css">

    <style>
        .lyear-topbar {
            margin: 0px;
            padding: 0px;
        }
        .lyear-topbar .nav-link {
            padding: 0 1rem;
            line-height: 30px;
            color: var(--bs-body-color);
        }
        .lyear-topbar .nav-link:hover,
        .lyear-topbar .nav-link.active {
            color: var(--bs-primary)
        }

        @media screen and (max-width: 980px) {
            .header-icon-menu {
                display: block;
                height: 68px;
                line-height: 68px;
                font-size: 1.5em;
                cursor: pointer;
                padding: 0 12px;
                text-align: center;
            }
            .navbar-left .lyear-topbar li {
                float: none;
            }
            [data-theme*='translucent-'] .navbar-left .lyear-topbar a,
            [data-theme*='dark'] .navbar-left .lyear-topbar a {
                color: rgba(255, 255, 255, .75);
            }
            [data-theme*='translucent-'] .lyear-topbar .nav-link.active,
            [data-theme*='dark'] .lyear-topbar .nav-link.active {
                color: #fff;
            }
        }
        @media (min-width: 980px) {
            .header-icon-menu {
                display: none;
            }
            .navbar-left .lyear-topbar {
                display: block;
                position: inherit;
                top: 0px;
                box-shadow: none;
                background-color: transparent;
                padding: 0px;
                margin: 0px;
            }
            .navbar-left .lyear-topbar .dropdown-item {
                display: inline-block;
                width: auto;
                padding: 0px;
            }
            .navbar-left .lyear-topbar .dropdown-item.active,
            .navbar-left .lyear-topbar .dropdown-item:active {
                background-color: transparent;
            }
            .navbar-left .lyear-topbar .dropdown-item:hover,
            .navbar-left .lyear-topbar .dropdown-item:focus {
                background-color: transparent;
            }
            [data-headerbg*='color_'] .navbar-left .lyear-topbar a.nav-link,
            [data-theme*='translucent-'] .navbar-left .lyear-topbar a.nav-link,
            [data-theme*='dark'] .navbar-left .lyear-topbar a.nav-link {
                color: rgba(255, 255, 255, .75);
            }
            [data-headerbg*='color_'] .navbar-left .lyear-topbar a:focus,
            [data-headerbg*='color_'] .navbar-left .lyear-topbar a:hover,
            [data-theme*='translucent-'] .navbar-left .lyear-topbar a:focus,
            [data-theme*='translucent-'] .navbar-left .lyear-topbar a:hover,
            [data-theme*='dark'] .navbar-left .lyear-topbar a:focus,
            [data-theme*='dark'] .navbar-left .lyear-topbar a:hover {
                color: #fff;
            }
            [data-headerbg*='color_'] .navbar-left .lyear-topbar a.active,
            [data-headerbg*='color_'] .navbar-left .lyear-topbar a.active:focus,
            [data-headerbg*='color_'] .navbar-left .lyear-topbar a.active:hover,
            [data-theme*='translucent-'] .navbar-left .lyear-topbar a.active,
            [data-theme*='translucent-'] .navbar-left .lyear-topbar a.active:focus,
            [data-theme*='translucent-'] .navbar-left .lyear-topbar a.active:hover,
            [data-theme*='dark'] .navbar-left .lyear-topbar a.active,
            [data-theme*='dark'] .navbar-left .lyear-topbar a.active:focus,
            [data-theme*='dark'] .navbar-left .lyear-topbar a.active:hover {
                color: #fff;
            }
            [data-theme*='translucent-'] .navbar-left .lyear-topbar,
            [data-theme*='dark'] .navbar-left .lyear-topbar {
                background-image: none;
            }
        }
    </style>
    <style>
        /* 图标动画 */
        .animations-box .badge {
            position: absolute;
            top: -10px;
            left: 12px;
            border-radius: 50%;
            box-shadow: 0 0 0 rgba(var(--bs-danger-rgb), 0.9);
            animation: pulse-danger 2s infinite;
        }
        .dot {
            display: block;
            position: absolute;
            top: -0.5rem;
            right: -0.1rem;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #22c03c;
            cursor: pointer;
            box-shadow: 0 0 0 rgba(var(--bs-success-rgb), 0.9);
            animation: pulse-success 2s infinite;
        }
        @-webkit-keyframes pulse-success {
            0% {
                -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.9);
            }
            70% {
                -webkit-box-shadow: 0 0 0 10px rgba(var(--bs-success-rgb), 0);
            }
            100% {
                -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0);
            }
        }
        @keyframes pulse-success {
            0% {
                -moz-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.9);
                box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.7);
            }
            70% {
                -moz-box-shadow: 0 0 0 10px rgba(var(--bs-success-rgb), 0);
                box-shadow: 0 0 0 10px rgba(var(--bs-success-rgb), 0);
            }
            100% {
                -moz-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0);
                box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0);
            }
        }
        @-webkit-keyframes pulse-danger {
            0% {
                -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.9);
            }
            70% {
                -webkit-box-shadow: 0 0 0 10px rgba(var(--bs-danger-rgb), 0);
            }
            100% {
                -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0);
            }
        }
        @keyframes pulse-danger {
            0% {
                -moz-box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.9);
                box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.7);
            }
            70% {
                -moz-box-shadow: 0 0 0 10px rgba(var(--bs-danger-rgb), 0);
                box-shadow: 0 0 0 10px rgba(var(--bs-danger-rgb), 0);
            }
            100% {
                -moz-box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0);
                box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0);
            }
        }
        .bell-animations {
            display: inline-block;
            -webkit-animation: ring 4s .7s ease-in-out infinite;
            -webkit-transform-origin: 50% 4px;
            -moz-animation: ring 4s .7s ease-in-out infinite;
            -moz-transform-origin: 50% 4px;
            animation: ring 4s .7s ease-in-out infinite;
            transform-origin: 50% 4px;
        }
        @-webkit-keyframes ring {
            0% { -webkit-transform: rotateZ(0); }
            1% { -webkit-transform: rotateZ(30deg); }
            3% { -webkit-transform: rotateZ(-28deg); }
            5% { -webkit-transform: rotateZ(34deg); }
            7% { -webkit-transform: rotateZ(-32deg); }
            9% { -webkit-transform: rotateZ(30deg); }
            11% { -webkit-transform: rotateZ(-28deg); }
            13% { -webkit-transform: rotateZ(26deg); }
            15% { -webkit-transform: rotateZ(-24deg); }
            17% { -webkit-transform: rotateZ(22deg); }
            19% { -webkit-transform: rotateZ(-20deg); }
            21% { -webkit-transform: rotateZ(18deg); }
            23% { -webkit-transform: rotateZ(-16deg); }
            25% { -webkit-transform: rotateZ(14deg); }
            27% { -webkit-transform: rotateZ(-12deg); }
            29% { -webkit-transform: rotateZ(10deg); }
            31% { -webkit-transform: rotateZ(-8deg); }
            33% { -webkit-transform: rotateZ(6deg); }
            35% { -webkit-transform: rotateZ(-4deg); }
            37% { -webkit-transform: rotateZ(2deg); }
            39% { -webkit-transform: rotateZ(-1deg); }
            41% { -webkit-transform: rotateZ(1deg); }
            43% { -webkit-transform: rotateZ(0); }
            100% { -webkit-transform: rotateZ(0); }
        }
        /* 背景动画 */
        .wave {
            background-color: #f9fafb;
            overflow: hidden;
            position: relative;
        }
        .wave > div {
            z-index: 1;
        }
        .wave:before {
            content: ' ';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ffffff;
            z-index: -1;
        }
        .wave:after {
            content: ' ';
            width: 800px;
            height: 825px;
            position: absolute;
            bottom: 65%;
            left: -250px;
            border-radius: 35%;
            background: white;
            z-index: 0;
        }
        .wave:after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        .wave-animate:after {
            -webkit-animation: animate-wave 15s infinite linear;
            animation: animate-wave 15s infinite linear;
        }
        .wave-animate-slower:after {
            -webkit-animation: animate-wave 30s infinite linear;
            animation: animate-wave 30s infinite linear;
        }
        .wave-animate-slow:after {
            -webkit-animation: animate-wave 25s infinite linear;
            animation: animate-wave 25s infinite linear;
        }
        .wave-animate-fast:after {
            -webkit-animation: animate-wave 10s infinite linear;
            animation: animate-wave 10s infinite linear;
        }
        .wave-animate-faster:after {
            -webkit-animation: animate-wave 5s infinite linear;
            animation: animate-wave 5s infinite linear;
        }
        .wave.wave-primary {
            background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
        }
        .wave.wave-primary .svg-icon svg g [fill] {
            fill: var(--bs-primary);
        }
        .wave.wave-secondary {
            background-color: rgba(var(--bs-secondary-rgb), 0.1) !important;
        }
        .wave.wave-secondary .svg-icon svg g [fill] {
            fill: var(--bs-secondary);
        }
        .wave.wave-success {
            background-color: rgba(var(--bs-success-rgb), 0.1) !important;
        }
        .wave.wave-success .svg-icon svg g [fill] {
            fill: var(--bs-success);
        }
        .wave.wave-info {
            background-color: rgba(var(--bs-info-rgb), 0.1) !important;
        }
        .wave.wave-info .svg-icon svg g [fill] {
            fill: var(--bs-info);
        }
        .wave.wave-warning {
            background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
        }
        .wave.wave-warning .svg-icon svg g [fill] {
            fill: var(--bs-warning);
        }
        .wave.wave-danger {
            background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
        }
        .wave.wave-danger .svg-icon svg g [fill] {
            fill: var(--bs-danger);
        }
        .wave.wave-light {
            background-color: rgba(var(--bs-light-rgb), 0.1) !important;
        }
        .wave.wave-light .svg-icon svg g [fill] {
            fill: var(--bs-light);
        }
        .wave.wave-dark {
            background-color: rgba(var(--bs-dark-rgb), 0.1) !important;
        }
        .wave.wave-dark .svg-icon svg g [fill] {
            fill: var(--bs-dark);
        }
        .wave.wave-white {
            background-color: rgba(var(--bs-white-rgb), 0.1) !important;
        }
        .wave.wave-white .svg-icon svg g [fill] {
            fill: var(--bs-white);
        }
        @-webkit-keyframes animate-wave {
            from {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes animate-wave {
            from {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        /* 动画css库演示 */
        #myTabContent li {
            margin: 10px 10px 0 0;
            padding: 5px 10px;
            background-color: #eee;
            cursor: pointer;
        }
        #myTabContent li.active {
            color: var(--bs-primary);
        }
    </style>
<#--    <#import "/admin/template1.ftl" as template>-->
<#--    <@template.baiduTongji />-->
    <#--    <#include "/admin/template1.ftl">-->
    <#--    <@baiduTongji />-->
</head>
<body class="admin-index">

<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">

            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <a href="/system/main"><img src="/system/images/logo-sidebar.png" title="880网站管理系统" alt="图片丢失" /></a>
            </div>
            <div class="lyear-layout-sidebar-info lyear-scroll">
                <!--左侧菜单-开始 -->
                <#list topMenuList as menutop>

                    <div class="sidebar-main">
                        <!--左侧1级菜单-开始 -->
                        <ul  <#if menutop_index ==0 > class="nav-drawer" <#else> class="nav-drawer collapse" </#if> id="menus-${menutop.id}" >
                            <div style="margin-left: -30px;">
                                <li class="nav-item active">
                                    <a class="multitabs" href="/system/main" id="default-page">
                                        <i class="${menutop.icon} mdi-18px mdi-spin"></i>
                                        <span>${menutop.name}首页</span>
                                    </a>
                                </li>
                            </div>
                            <#list menutop.childrenMenuList as menuleft1>
                                <#if menuleft1.parentId == menutop.id>
                                    <#if menuleft1.childrenMenuSize <= 0>
                                        <div style="margin-left: -30px;">
                                            <li>
                                                <a class="multitabs" href="${menuleft1.link}" target="${menuleft1.target}">
                                                    <i class="${menuleft1.icon} mdi-18px"></i>
                                                    <span>${menuleft1.name}</span> <#-- 1级菜单(无子菜单) -->
                                                </a>
                                            </li>
                                        </div>
                                    <#else>
                                        <div>
                                            <li class="nav-item nav-item-has-subnav">
                                                <a href="javascript:void(0)" style="margin-left: -30px;">
                                                    <i class="${menuleft1.icon}" style="font-size: 18px"></i>
                                                    <span>${menuleft1.name}</span> <#-- 1级菜单 -->
                                                </a>
                                                <!--左侧2级菜单(无限级菜单)-开始 -->
                                                <#macro childMenus menus>
                                                    <ul class="nav nav-subnav">
                                                        <#list menus as menu>
                                                            <#if menu.childrenMenuSize <= 0>
                                                                <li>
                                                                    <a class="multitabs" href="${menu.link}" target="${menu.target}">
                                                                        <span>${menu.name}</span> <#-- 2级菜单(无子菜单) -->
                                                                    </a>
                                                                </li>
                                                            <#else>
                                                                <li class="nav-item nav-item-has-subnav">
                                                                    <a href="javascript:void(0)">${menu.name}</a> <#-- 2级菜单 -->
                                                                    <#if menu.childrenMenuList?? && menu.childrenMenuList?size gt 0>
                                                                        <@childMenus menu.childrenMenuList></@childMenus>
                                                                    </#if>
                                                                </li>
                                                            </#if>
                                                        </#list>
                                                    </ul>
                                                </#macro>
                                                <@childMenus menuleft1.childrenMenuList></@childMenus>
                                                <!--左侧2级菜单(无限级菜单)-结束 -->
                                            </li>
                                        </div>
                                    </#if>
                                </#if>
                            </#list>
                        </ul>
                        <!--左侧1级菜单-结束 -->
                    </div>
                </#list>
                <!--左侧菜单-结束 -->
                <div class="navbar-left wave wave-animate-slow wave-primary">
                    <div class="position-relative">
                <div class="sidebar-footer">
                    <p class="copyright">
                        <span>Copyright &copy; 2023-现在  位中原- </span>
                        <a target="_blank" href="http://www.880.xin">880</a>
                        <span> 保留所有权利.</span>
                    </p>
                </div>
                    </div>
                </div>
            </div>

        </aside>
        <!--End 左侧导航-->

        <!--头部信息-->
        <header class="lyear-layout-header">

            <nav class="navbar">

                <div class="navbar-left">
                    <div class="lyear-aside-toggler">
                        <span class="lyear-toggler-bar"></span>
                        <span class="lyear-toggler-bar"></span>
                        <span class="lyear-toggler-bar"></span>
                    </div>
                    <!-- 顶部导航菜单-开始 -->
                    <ul class="nav lyear-topbar" style="margin-top:-30px;margin-left:50px;width: 1080px;float:left;">
                        <#list topMenuList as menutop>
                            <li class="nav-item" style="width: 120px;float:left;">
                                <a class="nav-link <#if menutop_index==0>active</#if>" href="javascript:void(0)" data-menuid="${menutop.id}"  style="font-size: 18px">
                                    <i class="${menutop.icon}"></i>
                                    <span>${menutop.name}</span>
                                </a>
                            </li>
                        </#list>
                    </ul>
                    <!-- 顶部导航菜单-结束 -->
                </div>

                <ul class="navbar-right d-flex align-items-center">
                    <!--顶部消息部分-->
                    <li style="margin-right: 10px;"><a href="/" target="_blank" title="网站首页"><i class="mdi mdi-laptop fs-2" ></i></a></li>
                    <li class="dropdown dropdown-notice">
                        <span data-bs-toggle="dropdown" class="position-relative animations-box">
                          <i class="mdi mdi-bell-outline bell-animations fs-5"></i>
<#--方形                          <span class="position-absolute translate-middle badge bg-danger">7</span>-->
                          <span class="badge bg-danger badge-pill">7</span>
                        </span>
                        <div class="dropdown-menu dropdown-menu-end">
                            <div class="lyear-notifications">

                                <div class="lyear-notifications-title d-flex justify-content-between" data-stopPropagation="true">
                                    <span>你有 10 条未读消息</span>
                                    <a href="#!">查看全部</a>
                                </div>
                                <div class="lyear-notifications-info lyear-scroll">
                                    <a href="#!" class="dropdown-item"
                                       title="1.诸暨市七妹针织有限公司，提供全方位的技术服务。">1.诸暨市七妹针织有限公司，提供全方位的技术服务。</a>
                                    <a href="#!" class="dropdown-item"
                                       title="2.诸暨市七妹针织有限公司，提供全方位的技术服务。">2.诸暨市七妹针织有限公司，提供全方位的技术服务。</a>
                                    <a href="#!" class="dropdown-item"
                                       title="3.诸暨市七妹针织有限公司，提供全方位的技术服务。">3.诸暨市七妹针织有限公司，提供全方位的技术服务。</a>
                                    <a href="#!" class="dropdown-item"
                                       title="4.诸暨市七妹针织有限公司，提供全方位的技术服务。">4.诸暨市七妹针织有限公司，提供全方位的技术服务。</a>
                                    <a href="#!" class="dropdown-item"
                                       title="5.诸暨市七妹针织有限公司，提供全方位的技术服务。">5.诸暨市七妹针织有限公司，提供全方位的技术服务。</a>
                                    <a href="#!" class="dropdown-item"
                                       title="6.诸暨市七妹针织有限公司，提供全方位的技术服务。">6.诸暨市七妹针织有限公司，提供全方位的技术服务。</a>
                                    <a href="#!" class="dropdown-item"
                                       title="7.诸暨市七妹针织有限公司，提供全方位的技术服务。">7.诸暨市七妹针织有限公司，提供全方位的技术服务。</a>
                                </div>

                            </div>
                        </div>
                    </li>
                    <!--End 顶部消息部分-->
                    <!--切换主题配色-->
                    <li class="dropdown dropdown-skin">
		    <span data-bs-toggle="dropdown" class="icon-item">
              <i class="mdi mdi-26px mdi-spin mdi-palette fs-5"></i>
            </span>
                        <ul class="dropdown-menu dropdown-menu-end" data-stopPropagation="true">
                            <li class="lyear-skin-title"><p>主题</p></li>
                            <li class="lyear-skin-li clearfix">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_1" value="default" checked="checked">
                                    <label class="form-check-label" for="site_theme_1"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_2" value="translucent-green">
                                    <label class="form-check-label" for="site_theme_2"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_3" value="translucent-blue">
                                    <label class="form-check-label" for="site_theme_3"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_4" value="translucent-yellow">
                                    <label class="form-check-label" for="site_theme_4"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_5" value="translucent-red">
                                    <label class="form-check-label" for="site_theme_5"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_6" value="translucent-pink">
                                    <label class="form-check-label" for="site_theme_6"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_7" value="translucent-cyan">
                                    <label class="form-check-label" for="site_theme_7"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="site_theme" id="site_theme_8" value="dark">
                                    <label class="form-check-label" for="site_theme_8"></label>
                                </div>
                            </li>
                            <li class="lyear-skin-title"><p>LOGO</p></li>
                            <li class="lyear-skin-li clearfix">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_1" value="default" checked="checked">
                                    <label class="form-check-label" for="logo_bg_1"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_2" value="color_2">
                                    <label class="form-check-label" for="logo_bg_2"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_3" value="color_3">
                                    <label class="form-check-label" for="logo_bg_3"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_4" value="color_4">
                                    <label class="form-check-label" for="logo_bg_4"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_5" value="color_5">
                                    <label class="form-check-label" for="logo_bg_5"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_6" value="color_6">
                                    <label class="form-check-label" for="logo_bg_6"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_7" value="color_7">
                                    <label class="form-check-label" for="logo_bg_7"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_8" value="color_8">
                                    <label class="form-check-label" for="logo_bg_8"></label>
                                </div>
                            </li>
                            <li class="lyear-skin-title"><p>头部</p></li>
                            <li class="lyear-skin-li clearfix">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_1" value="default" checked="checked">
                                    <label class="form-check-label" for="header_bg_1"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_2" value="color_2">
                                    <label class="form-check-label" for="header_bg_2"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_3" value="color_3">
                                    <label class="form-check-label" for="header_bg_3"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_4" value="color_4">
                                    <label class="form-check-label" for="header_bg_4"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_5" value="color_5">
                                    <label class="form-check-label" for="header_bg_5"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_6" value="color_6">
                                    <label class="form-check-label" for="header_bg_6"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_7" value="color_7">
                                    <label class="form-check-label" for="header_bg_7"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="header_bg" id="header_bg_8" value="color_8">
                                    <label class="form-check-label" for="header_bg_8"></label>
                                </div>
                            </li>
                            <li class="lyear-skin-title"><p>侧边栏</p></li>
                            <li class="lyear-skin-li clearfix">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_1" value="default" checked="checked">
                                    <label class="form-check-label" for="sidebar_bg_1"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_2" value="color_2">
                                    <label class="form-check-label" for="sidebar_bg_2"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_3" value="color_3">
                                    <label class="form-check-label" for="sidebar_bg_3"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_4" value="color_4">
                                    <label class="form-check-label" for="sidebar_bg_4"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_5" value="color_5">
                                    <label class="form-check-label" for="sidebar_bg_5"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_6" value="color_6">
                                    <label class="form-check-label" for="sidebar_bg_6"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_7" value="color_7">
                                    <label class="form-check-label" for="sidebar_bg_7"></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_8" value="color_8">
                                    <label class="form-check-label" for="sidebar_bg_8"></label>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!--End 切换主题配色-->
                    <!--个人头像内容-->
                    <li class="dropdown">
                        <a href="javascript:void(0)" data-bs-toggle="dropdown" class="dropdown-toggle">
                            <img class="avatar-md rounded-circle" src="/system/images/wanhe.png" alt="位中原" />
                            <span style="margin-left: 10px;">位中原</span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end">
                            <li>
                                <a class="multitabs dropdown-item" data-url="lyear_pages_profile.html" href="javascript:void(0)">
                                    <i class="mdi mdi-account"></i>
                                    <span>个人信息</span>
                                </a>
                            </li>
                            <li>
                                <a class="multitabs dropdown-item" data-url="lyear_pages_edit_pwd.html"
                                   href="javascript:void(0)">
                                    <i class="mdi mdi-lock-outline"></i>
                                    <span>修改密码</span>
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="javascript:void(0)">
                                    <i class="mdi mdi-delete"></i>
                                    <span>清空缓存</span>
                                </a>
                            </li>
                            <li>
                                <a class="multitabs dropdown-item" data-url="/admin/feedback" href="javascript:void(0)">
                                    <i class="mdi mdi-book"></i>
                                    <span>反馈</span>
                                    <form class="hidden" action="/admin/feedback" action="" method="post">
                                        <input type="hidden" name="url" value="" value="${request.requestURI}" />
                                        <input type="hidden" name="name" value="" />
                                    </form>
                                </a>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <a class="dropdown-item" href="/login/remove">
                                    <i class="mdi mdi-logout-variant"></i>
                                    <span>退出登录</span>
                                    <form class="hidden" action="/login/remove" action="" method="post"></form>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!--End 个人头像内容-->
                </ul>

            </nav>

        </header>
        <!--End 头部信息-->

        <!--页面主要内容-->
        <main class="lyear-layout-content">
            <div id="iframe-content"></div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>

<script type="text/javascript" src="/common/libs/jquery/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="/common/libs/popper/popper.min.js"></script>
<script type="text/javascript" src="/common/libs/bootstrap5.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/common/libs/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/common/libs/bootstrap-multitabs/multitabs.min.js"></script>
<script type="text/javascript" src="/common/libs/jquery-cookie/jquery.cookie.min.js"></script>
<script type="text/javascript" src="/system/js/index.min.js"></script>
<script type="text/javascript">
    $(document).on('click', '.lyear-topbar .nav-link', function () {
        var $this = $(this),
            $menuid = $this.data('menuid');
        $('.sidebar-main .nav-drawer').slideUp('slow');
        $('#menus-' + $menuid).slideDown('slow');
        $this.parents('ul.lyear-topbar').find('a.nav-link').removeClass('active');
        $this.addClass('active');
        $('.lyear-layout-sidebar-scroll').animate({scrollTop: 0}, 300);  // 处理滚动条到最上方
    });
</script>
</body>

</html>
